<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<style type="text/css">
    body{margin:0; padding:0; }
    a{text-decoration: none;}
    img{border:0;}
    ul{margin:0; padding:0;}
    ul li{
        margin:0;
        padding:0;
        list-style-type: none;
    }
 
    /* minwtStartMneu Style Str */
        #minwt_StartMneuBar{
		    z-index: 2;
            //width:100%;
            height:25px;
            //background:#2E036F;
            position:fixed;
            bottom:0;
        }
 
        #minwt_startBtn{
            position:fixed;
            left:20px;
            line-height:25px;
            width:70px;
            background:url(http://img.minwt.com/img/icon/minwticon.png) no-repeat 10px 0 #C50A0A; 
            padding-left:40px;
        }
 
        #minwt_startBtn a{
            color:#fff;
            font-size:15px;
            text-decoration: none;
        }
 
        #minwt_mainMenu{
		    z-index: 2; 
            position:fixed;
            bottom:25px;
            left:20px;
            width:200px;
            height:300px;
            background:#000;
            padding:10px;
            display:none;
            text-align:left;
        }
        #minwt_mainMenu a{color:#ccc;}
        #minwt_mainMenu li{
            border-bottom:solid 1px #eee;
            line-height:34px;
            font-size:15px;
            margin-top:5px;
            padding-bottom:5px;
        }
        #minwt_mainMenu li img{padding-top:14px; padding-right:10px; float:right;}
        #minwt_mainMenu li.ps{background:url(http://img.minwt.com/img/icon/ps.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.camera{background:url(http://img.minwt.com/img/icon/camera.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.flash{background:url(http://img.minwt.com/img/icon/fla.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.pc{background:url(http://img.minwt.com/img/icon/pc.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.mac{background:url(http://img.minwt.com/img/icon/mac.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.iphone{background:url(http://img.minwt.com/img/icon/iphone.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.css{background:url(http://img.minwt.com/img/icon/css.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.js{background:url(http://img.minwt.com/img/icon/js.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.webdesign{background:url(http://img.minwt.com/img/icon/webdesign.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.wp{background:url(http://img.minwt.com/img/icon/wp.png) no-repeat 0 0; padding-left:42px;}
        #minwt_mainMenu li.all{background:#222;}
 
        #minwt_mainMenu li ul{
            position:absolute;
            left:210px;
            top:1px;
            width:220px;
            background:#404040;
            border:solid 1px #757575;
            display:none;
        }
        #minwt_mainMenu li ul li{padding:5px 15px;}
        #minwt_mainMenu li ul li a{
            font-size: 12px;
            color: #fff;
            text-decoration: none;        
        }
        #minwt_mainMenu li ul li a:hover{color:#111;}
    /* minwtStartMneu Style Str================================================================================================ */
</style>

<!-- <script src="http://code.jquery.com/jquery-1.4.2.min.js" language="javascript"></script> -->
<script language="javascript">
    $(function(){
        $(document).click(function(){
            $("#minwt_mainMenu").css('display','none');
        });
        $("#minwt_mainMenu li").each(function(){
            var $this = $(this);
            //找尋#minwt_mainMenu li中的ul標籤是否>0
            if($this.find("ul").length>0){
                $(this).children("a").append("<img src=http://img.minwt.com/img/icon/arrow.png class=img>");
            }
        });
 
        $("#minwt_startBtn a").click(function(){
            if($("#minwt_mainMenu").is(":visible")){
                $("#minwt_mainMenu").slideUp();
            }else{
                $("#minwt_mainMenu").slideDown();
                $("#minwt_mainMenu ul").hide();
            }    
 
            return false;
        });
 
        $("#minwt_mainMenu li a").click(function(){
            var $this= $(this),
                $parent = $this.parent(),
                $next = $this.next("ul"),
                _idx = $parent.index();//取得索引
 
            if($next.length>0){
                if($next.is(":visible")){//判斷顯示與否
                    $next.slideUp();
                }else{
                    //先將父層兄弟的ul標籤關閉
                    $parent.siblings().find("ul").slideUp();
                    $next.css('top',55*_idx).slideDown();
                }
                //關閉連結
                return false;
            }
        });            
 
 
        //消除連結虛線框
        $("a").focus( function(){
            $(this).blur();
        });
 
    });
</script>

<div id="minwt_StartMneuBar">
  <div id="minwt_startBtn"><a href="#">選單</a></div>
   <ul id="minwt_mainMenu">
        <li class="flash"><a href="#">Flash</a>
            <ul>
                <li><a href="http://www.minwt.com/?cat=8">AS3.0</a></li>
                <li><a href="http://www.minwt.com/?cat=7">AS2.0</a></li>
                <li><a href="http://www.minwt.com/?cat=317">相關問題</a></li>
                <li class="all"><a href="http://www.minwt.com/?cat=6">▲顯示全部</a></li>
            </ul> 
        </li>
 
        <li class="css"><a href="#">css</a>
            <ul>
                <li><a href="http://www.minwt.com/?cat=11">常用範例</a></li>               
                <li><a href="http://www.minwt.com/?cat=12">輔助工具</a></li>
                <li class="all"><a href="http://www.minwt.com/?cat=10">▲顯示全部</a></li>
            </ul> 
        </li>
        <li class="wp"><a href="<spring:url value="/front/App001W/"/>">證券商分公司明細查詢</a></li>
        <li class="wp"><a href="<spring:url value="/front/App002W/"/>">個資變更</a></li>
        <li class="wp"><a href="<spring:url value="/front/App003W/"/>">集保戶股權分散表查詢</a></li>
        <li class="wp"><a href="<spring:url value="/front/App004W/"/>">集保人數級距統計</a></li>
        <li class="wp"><a href="<spring:url value="/front/App005W/"/>">missR庫存查詢</a></li>
    </ul>
</div>